<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
    	<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>图文混排</title>
		<link rel="stylesheet" href="../../css/bootstrap.min.css" />
		<style type="text/css">
			.row{
				margin-bottom: 30px;
				border-bottom: 1px solid #ccc;
			}
		</style>
	</head>
	<body>
		<!--
        	media            图文混排
        	media-left       图片的区域，在左边显示
        	media-right      图片的区域，在右边显示
        	media-body       内容区域
        	media-heading    内容区域的标题
        	media-middle     垂直居中对齐
        	media-bottom     图片靠下边对齐
        -->
		<div class="container">
			<!-- 左边有图片 -->
			<div class="row">
				<div class="media">
					<a href="http://apeclass.cn/" class="media-left media-middle">
						<img src="../../img/1443150124256.jpg" height="80"/>
					</a>
					<div class="media-body">
						<h4 class="media-heading">海棠学院</h4>
						<p>西安海棠学院是由海棠国际集团创办，是一所经国务院授权，陕西省人民政府批准，国家教育部备案，纳入国家统一招生计划，国家承认学历证书资格的普通高等院校。</p>
						<p>西安海棠学院是由海棠国际集团创办，是一所经国务院授权，陕西省人民政府批准，国家教育部备案，纳入国家统一招生计划，国家承认学历证书资格的普通高等院校。</p>
						<p>西安海棠学院是由海棠国际集团创办，是一所经国务院授权，陕西省人民政府批准，国家教育部备案，纳入国家统一招生计划，国家承认学历证书资格的普通高等院校。</p>
						<p>西安海棠学院是由海棠国际集团创办，是一所经国务院授权，陕西省人民政府批准，国家教育部备案，纳入国家统一招生计划，国家承认学历证书资格的普通高等院校。</p>
						<p>西安海棠学院是由海棠国际集团创办，是一所经国务院授权，陕西省人民政府批准，国家教育部备案，纳入国家统一招生计划，国家承认学历证书资格的普通高等院校。</p>
						<p>西安海棠学院是由海棠国际集团创办，是一所经国务院授权，陕西省人民政府批准，国家教育部备案，纳入国家统一招生计划，国家承认学历证书资格的普通高等院校。</p>
						<p>西安海棠学院是由海棠国际集团创办，是一所经国务院授权，陕西省人民政府批准，国家教育部备案，纳入国家统一招生计划，国家承认学历证书资格的普通高等院校。</p>
					</div>
				</div>
			</div>
			<!-- 右边有图片 -->
			<div class="row">
				<div class="media">
					<div class="media-body">
						<h4 class="media-heading">海棠学院</h4>
						<p>西安海棠学院是由海棠国际集团创办，是一所经国务院授权，陕西省人民政府批准，国家教育部备案，纳入国家统一招生计划，国家承认学历证书资格的普通高等院校。</p>
						<p>西安海棠学院是由海棠国际集团创办，是一所经国务院授权，陕西省人民政府批准，国家教育部备案，纳入国家统一招生计划，国家承认学历证书资格的普通高等院校。</p>
						<p>西安海棠学院是由海棠国际集团创办，是一所经国务院授权，陕西省人民政府批准，国家教育部备案，纳入国家统一招生计划，国家承认学历证书资格的普通高等院校。</p>
						<p>西安海棠学院是由海棠国际集团创办，是一所经国务院授权，陕西省人民政府批准，国家教育部备案，纳入国家统一招生计划，国家承认学历证书资格的普通高等院校。</p>
						<p>西安海棠学院是由海棠国际集团创办，是一所经国务院授权，陕西省人民政府批准，国家教育部备案，纳入国家统一招生计划，国家承认学历证书资格的普通高等院校。</p>
						<p>西安海棠学院是由海棠国际集团创办，是一所经国务院授权，陕西省人民政府批准，国家教育部备案，纳入国家统一招生计划，国家承认学历证书资格的普通高等院校。</p>
						<p>西安海棠学院是由海棠国际集团创办，是一所经国务院授权，陕西省人民政府批准，国家教育部备案，纳入国家统一招生计划，国家承认学历证书资格的普通高等院校。</p>
						<p>西安海棠学院是由海棠国际集团创办，是一所经国务院授权，陕西省人民政府批准，国家教育部备案，纳入国家统一招生计划，国家承认学历证书资格的普通高等院校。</p>
						<p>西安海棠学院是由海棠国际集团创办，是一所经国务院授权，陕西省人民政府批准，国家教育部备案，纳入国家统一招生计划，国家承认学历证书资格的普通高等院校。</p>
						<p>西安海棠学院是由海棠国际集团创办，是一所经国务院授权，陕西省人民政府批准，国家教育部备案，纳入国家统一招生计划，国家承认学历证书资格的普通高等院校。</p>
						<p>西安海棠学院是由海棠国际集团创办，是一所经国务院授权，陕西省人民政府批准，国家教育部备案，纳入国家统一招生计划，国家承认学历证书资格的普通高等院校。</p>
						<p>西安海棠学院是由海棠国际集团创办，是一所经国务院授权，陕西省人民政府批准，国家教育部备案，纳入国家统一招生计划，国家承认学历证书资格的普通高等院校。</p>
					</div>
					<a href="http://apeclass.cn/" class="media-right media-bottom">
						<img src="../../img/1443150124256.jpg" height="80"/>
					</a>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="../../js/jquery-2.1.0.js" ></script>
		<script type="text/javascript" src="../../js/bootstrap.min.js" ></script>
	</body>
</html>
